.centerBox {
  margin: 0.48rem auto 0 auto;
  width: 10rem;
}
.centerBox .labelImg {
  width: 2.87rem;
  height: 2.78rem;
}
.centerBox .contentText {
  min-width: 80%;
}
.centerBox .contentText .headBox {
  height: 0.8rem;
  position: relative;
  padding-bottom: 0.09rem;
  border-bottom: 0.005rem solid #5D5D5D;
  justify-content: flex-end;
  margin-bottom: 0.16rem;
}
.centerBox .contentText .headBox h2 {
  font-size: 0.24rem;
  font-weight: 500;
  color: #272727;
}
.centerBox .contentText .headBox img {
  width: 1rem;
  height: 0.8rem;
  position: absolute;
  right: 0;
  top: 0;
}
.centerBox .contentText article {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.26rem;
}
.centerBox .contentText h3 {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.26rem;
  margin-top: 0.12rem;
}
.row-2-box {
  width: 10rem /* 900/75 */;
  margin: 0.48rem auto 0 auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 0.32rem;
  grid-gap: 0.32rem;
}
.row-2-img {
  width: 4.3rem;
  height: 2.42rem;
}
.row-2-container {
  display: flex;
  width: 4.3rem;
  padding: 0.2rem 0.16rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.08rem;
  background-color: #F5F5F7;
}
.row-2-title {
  color: #272727;
  font-family: PingFang SC;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
}
.row-2-detail {
  color: #999;
  font-family: PingFang SC;
  font-size: 0.14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.row-3-box {
  margin: 0.48rem auto;
  width: 100%;
  display: flex;
}
.row-3-item {
  flex: 1;
}
.row-3-item + .row-3-item {
  margin-left: 0.32rem;
}
.row-3-img {
  margin-bottom: 0.16rem;
  height: 2.76rem;
  width: 100%;
}
.row-3-title {
  color: #666;
  font-family: PingFang SC;
  font-size: 0.16rem;
  font-weight: 500;
  line-height: 0.42rem;
  border-bottom: 0.01rem solid #B7BCC4;
}
.row-3-detail {
  margin-top: 15px;
  color: #666;
  font-family: PingFang SC;
  font-size: 0.12rem /* 12/75 */;
  font-weight: 500;
  line-height: 0.23rem;
}
.imageText {
  width: 100%;
}
.imageText img {
  height: 4.81rem;
}
.row-2-box-2 {
  margin-top: 0.266667rem /* 20/75 */;
  display: grid;
  grid-template-columns: repeat(2, 48%);
  grid-template-rows: repeat(2, 48%);
  grid-gap: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
}
.row-2-box-2 .cardBox .titleBox {
  position: relative;
  padding-top: 0.82rem;
}
.row-2-box-2 .cardBox .titleBox i {
  left: 50%;
  transform: translateX(-50%);
}
.cardBox {
  padding: 0.48rem 0.32rem;
  background: #F5F5F7 url(/img/composition/Quotes.png) no-repeat;
  background-size: 1rem 0.8rem;
  background-position: top 0.48rem right 0.32rem;
}
.cardBox .titleBox {
  position: relative;
  padding-top: 0.92rem;
}
.cardBox .titleBox h3 {
  color: #272727;
  font-size: 0.32rem;
  font-weight: 600;
}
.cardBox .titleBox i {
  position: absolute;
  width: 0.48rem;
  height: 0.04rem;
  background-color: #E3322C;
  left: 0;
  bottom: -0.16rem;
}
.cardBox p {
  margin-top: 0.36rem;
  font-size: 0.2rem;
  color: #666666;
  line-height: 0.35rem;
}
@media screen and (max-width: 1024px) {
  .flex-row {
    flex-direction: column;
  }
  .centerBox {
    margin-top: 0.48rem;
  }
  .centerBox .labelImg {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .centerBox .contentText {
    margin: 0.48rem 0;
    min-width: 1%;
  }
  .centerBox .contentText .headBox {
    height: 1.2rem;
    position: relative;
    padding-bottom: 0.09rem;
    border-bottom: 0.005rem solid #5D5D5D;
    justify-content: flex-end;
    margin-bottom: 0.16rem;
  }
  .centerBox .contentText .headBox h2 {
    font-size: 0.42rem;
    font-weight: 500;
    color: #272727;
  }
  .centerBox .contentText .headBox img {
    width: 1.4rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  .centerBox .contentText article {
    font-size: 0.32rem;
    color: #999999;
    line-height: 0.42rem;
  }
  .centerBox h3 {
    font-size: 0.32rem;
    color: #666666;
    line-height: 0.42rem;
    margin-top: 0.12rem;
  }
  .row-2-box {
    grid-template-columns: auto;
  }
  .row-2-img {
    width: 100%;
    height: auto;
  }
  .row-2-container {
    width: 100%;
    padding: 0.4rem 0.26rem;
    gap: 0.16rem;
  }
  .row-2-title {
    font-size: 0.42rem;
    line-height: 210%;
  }
  .row-2-detail {
    font-size: 0.34rem;
    line-height: 250%;
  }
  .row-3-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.48rem;
  }
  .row-3-item {
    flex: 1;
    margin-top: 0.6rem /* 15/75 */;
  }
  .row-3-item + .row-3-item {
    margin-left: 0rem;
  }
  .row-3-img {
    margin-bottom: 0.16rem;
    height: auto;
    width: 100%;
  }
  .row-3-title {
    color: #666;
    font-family: PingFang SC;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.82rem;
    border-bottom: 0.01rem solid #B7BCC4;
    margin-bottom: 0.4rem;
  }
  .row-3-detail {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .imageText {
    width: 100%;
  }
  .imageText img {
    height: 4.81rem;
  }
  .imageText .flex-row {
    flex-direction: column;
    padding: 0 0.4rem;
  }
  .cardBox {
    padding: 0.48rem 0.32rem;
    background: #F5F5F7 url(/img/composition/Quotes.png) no-repeat;
    background-size: 1rem 0.8rem;
    background-position: top 0.48rem right 0.32rem;
  }
  .cardBox .titleBox {
    position: relative;
    padding-top: 0.32rem;
  }
  .cardBox .titleBox h3 {
    color: #272727;
    font-size: 0.52rem;
    font-weight: 600;
  }
  .cardBox .titleBox i {
    position: absolute;
    width: 0.88rem;
    height: 0.08rem;
    background-color: #E3322C;
    left: 0;
    bottom: -0.16rem;
  }
  .cardBox p {
    margin-top: 0.56rem;
    font-size: 0.4rem;
    color: #666666;
    line-height: 0.65rem;
  }
  .row-2-box-2 {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: repeat(2, 48%);
  }
  .row-2-box-2 .cardBox {
    margin: 0.4rem 0;
  }
  .row-2-box-2 .cardBox .titleBox {
    position: relative;
    padding-top: 0.82rem;
  }
  .row-2-box-2 .cardBox .titleBox i {
    left: 50%;
    transform: translateX(-50%);
  }
}
